<template>
  <div>
    <router-view></router-view>
    <van-tabbar route>
      <van-tabbar-item to="/company" icon="fire-o">公司</van-tabbar-item>
      <van-tabbar-item to="/question" icon="star-o">刷题</van-tabbar-item>
      <van-tabbar-item class="van-tabbar-item" to="/find">
        <div class="icon">
          <i class="iconfont icon-faxian"></i>
        </div>
        <div class="text">发现</div>
      </van-tabbar-item>
      <van-tabbar-item to="/user" icon="user-o">我的</van-tabbar-item>
    </van-tabbar>
  </div>
</template>

<script>
export default {}
</script>

<style lang="less" scoped>
.van-tabbar {
  .van-tabbar-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    .text {
      margin-top: 0.35rem;
    }
    .icon {
      position: relative;
      // font-size: 0.48rem;
      .iconfont {
        font-size: 1.5rem;
        // color: rgb(180, 180, 189);
      }
    }
  }
}
</style>
